<template>
    <div class="bread">
    <i class="el-icon-s-home" @click="goBackHome"></i>
     <el-breadcrumb  separator="/">
        <el-breadcrumb-item class="parent">{{parentPathText}}</el-breadcrumb-item>
        <el-breadcrumb-item>{{currentPathText}}</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
</template>
<script>
    export default{
        props:{
            parentPathText:{},
            currentPathText:{}
        },
        data(){
            return{

            }
        },
        methods:{
            goBackHome(){
                this.$router.push("/home");
            }
        }
    }
</script>
<style lang="less" scoped>
    .bread{
        margin-bottom: 20px;
        display: flex;
        align-items: center;
    }
   /deep/ .parent .el-breadcrumb__inner{
        font-weight: bold;
        color:#333; 
    }
    .el-icon-s-home{
        color:#409eff;
        font-size:30px;
        cursor: pointer;
        margin-right:20px;
    }
</style>